<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			body {
				margin: 0;
				padding: 0;
				background:url(img/bg.png) no-repeat center top;
			}
			
			.bg {
				width: 547px;
				height: 403px;
				background: #4755ff;
				overflow: hidden;
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				margin:auto auto;
			}
			
			.content {
				width: 364px;
				height: 278px;
				background: white;
				margin: 0 auto;
				margin-top: 35px;
				padding:30px 28px;
			}
			.content .logo {
				width: 100%;
				text-align: center;
				margin-bottom:8px;
			}
			.content .username{
				height:58px;
				line-height:58px;
				background:url(img/千锋登录_07.jpg) no-repeat left center;
				border-bottom:1px solid #e3e3e3;
			}
			.content .username input{margin-left: 46px;border:0;color:#747570;font-size:14px;font-weight:600}
		    .content .pwd{
		    	height:58px;
				line-height:58px;
				background:url(img/千锋登录_10.jpg) no-repeat left center;
				border-bottom:1px solid #e3e3e3;
		    }
		    .content .pwd input{margin-left: 46px;border:0;color:#747570;font-size:14px;font-weight:600}
			.content .forgetpwd{
		    	height:58px;
				line-height:58px;
				background:url(img/千锋登录_12.jpg) no-repeat left center;
		    }
		    .content .forgetpwd span{margin-left: 30px;border:0;color:#747570;font-size:14px;font-weight:600;color:#4892ff;}
			.content .btn input{width:364px;height:40px;background:#4892ff;border:1px solid #326dcc;color:white;font-size:18px;}
		</style>
	</head>

	<body>
		<div class="bg">
			<div class="content">
				<div class="logo"><img src="img/千锋登录_03.jpg"/></div>
				<div class="username"><input type="text" placeholder="请输入用户名"></div>
				<div class="pwd"><input type="password" placeholder="请输入密码" /></div>
				<div class="forgetpwd"><span>忘记密码</span></div>
				<div class="btn"><input type="submit" value="登录"></div>
			</div>
		</div>
	</body>

</html>